<script setup>
const props=defineProps({
	title: String
})
const pushSearch = () => {
	uni.navigateTo({
		url:'/pages/search/search'
	})
}

</script>

<template>
	<view class="se">
		<view class="sss">	
		</view>
		<view class="search">
		<text class="txt">{{title}}</text>
		<uni-search-bar
		class="my-search-bar"
		placeholder="搜索"
		radius="50"
		readonly
		bgColor="rgb(250,250,250)"
		 @tap="pushSearch()"
		 ></uni-search-bar>
		</view>
	</view>
	
</template>


<style lang="scss" scoped>
	.se {
		z-index: 1000;
		min-width: 100%;
		height: auto;
		position: fixed;
		top: 0px;
		background:
		 linear-gradient(to bottom,transparent,#fff 400rpx),
		linear-gradient(to right,#beecd8,#f4e2d8 38%);
		box-shadow: 0 0 10px #beecd8;
		
	}
	.sss{
		width: 100%;
		height: 28px;
	}
.search {
	width: 1000px;
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
}
.txt {
		font-size: 60rpx;
		font-weight: 600;
}
.my-search-bar {
	width: 240rpx;
}
</style>